<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="res/style/style.css">
    <link rel="stylesheet" href="res/js/plugins/laypage/skin/laypage.css">
</head>
<body>
<header class="header">
    <h1 class="logo">
        <a href="index.html" title="cnNodeJs.Org Home By FungLeo">cnNodeJs.Org Home By FungLeo</a>
    </h1>
    <nav class="nav">
        <ul>
            <li>导航列表</li>
        </ul>
    </nav>
</header>
<section class="home">
    <section class="main">
        <ul class="list">
            <li v-for="info in data">
                <i class="user_ico">
                    <img v-bind:src="info.author.avatar_url" v-bind:alt="info.author.loginname">
                    <span>{{ info.author.loginname }}</span>
                </i>
                <time class="time">{{ info.create_at | time}}</time>
                <a class="talk" v-bind:href=' "content.html ? id=" + info.id '>{{ info.title }}</a>
            </li>
        </ul>
        <div class="page"></div>
    </section>
    <aside class="bar">
        <h3>本页说明</h3>
        ...
    </aside>
</section>
<footer class="copy">
    版权说明
</footer>
<div class="go_top"></div>
</body>
<script src="res/js/jquery/jquery.js"></script>
<script src="http://cdn.bootcss.com/vue/2.1.10/vue.js"></script>
<script src="res/js/common/common.js"></script>
<script src="res/js/plugins/laypage/laypage.js"></script>
<script>
$(function(){
    var id = getUrlId();

    var url = "http://cnodejs.org/api/v1/topics";
    getJson(url,pushDom);

    laypage({
        cont: $(".page"),
        pages: 100,
        curr: id,
        jump: function(e, first){
            if(!first){
                location.href = '?'+e.curr;
            }
        }
    });
});

function pushDom(data){
    Vue.filter('time', function (value) {
        return goodTime(value);
    });
    var vm = new Vue({
        el: '.list',
        data: data
    });
}
</script>
</html>